.notify-container {
  width: 100%;
  height: 100vh;
  z-index: 30;
}
.notify {
  height: 100%;
  overflow: hidden;
  div {
    font-size: 14px;
  }
  .button {
    &:hover {
      background-color: var(--gray);
    }
  }
  .footer {
    height: 46px;
    line-height: 46px;
  }
  .head {
    padding-top: 30px;
    font-size: 16px;
    padding-bottom: 20px;
    color: #111;
  }
  .content {
    border-bottom: 1px solid var(--border-color);
    padding: 0 24px;
  }
  .comfirm {
    border-left: 1px solid var(--border-color);
    border-bottom-right-radius: 8px;
    font-size: 14px;
  }
  .cancle {
    border-bottom-left-radius: 8px;
  }
}
.danger {
  .comfirm {
    color: var(--red);
  }
}

.warning {
  .comfirm {
    color: orange;
  }
}
.default {
  .comfirm {
    color: var(--primary);
  }
}
